<template>
	<div>
		parent
		<p>{{info}}</p>
		<hr>
		<Chid :title='title' @info='handleMsg'/>
	</div>
</template>
<script>
	import Chid from './child'
	export default {
		name:'parent',
		data(){
			return {
				title:'儿子 儿子 我是你爸爸',
				info:''
			}
		},
		components: {
			Chid
		},
		methods: {
			handleMsg: function(data) {
				this.info = data;
			}
		}
	}
</script>
<style scoped>
	
</style>